<script setup>
import XiriForm from "@/components/xiriForm.vue"

defineOptions({
  name: "table-body"
})
const attrs = useAttrs()
const option = attrs.option
</script>

<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="字体选择">
      <xiri-form v-model="option.body.fontFamily" option="fontChoose" />
    </a-form-item>
    <a-form-item label="文字颜色">
      <xiri-form v-model="option.body.color" option="color" />
    </a-form-item>
    <a-form-item label="文字大小">
      <xiri-form v-model="option.body.fontSize" option="number" />
    </a-form-item>
    <a-form-item label="文字粗细">
      <a-select v-model="option.body.fontWeight" size="small">
        <a-option label="正常" value="normal" />
        <a-option label="粗体" value="bold" />
        <a-option label="细体" value="lighter" />
      </a-select>
    </a-form-item>
    <a-form-item label="文字样式">
      <a-select v-model="option.body.fontStyle" size="small">
        <a-option label="正常" value="normal" />
        <a-option label="斜体" value="italic" />
      </a-select>
    </a-form-item>
    <a-form-item label="对齐方式">
      <a-select v-model="option.body.textAlign" size="small">
        <a-option label="左对齐" value="left" />
        <a-option label="居中" value="center" />
        <a-option label="右对齐" value="right" />
      </a-select>
    </a-form-item>
    <a-form-item label="背景颜色">
      <xiri-form v-model="option.body.backgroundColor" option="color" />
    </a-form-item>
    <a-form-item label="奇行颜色">
      <xiri-form v-model="option.body.oddRowBackgroundColor" option="color" />
    </a-form-item>
    <a-form-item label="偶行颜色">
      <xiri-form v-model="option.body.evenRowBackgroundColor" option="color" />
    </a-form-item>
    <a-form-item label="边框类型">
      <a-select v-model="option.body.border.type" size="small">
        <a-option label="无边框" value="none" />
        <a-option label="默认" value="default" />
        <a-option label="完整边框" value="full" />
        <a-option label="外边框" value="outer" />
        <a-option label="内边框" value="inner" />
      </a-select>
    </a-form-item>
    <a-form-item label="边框颜色">
      <xiri-form v-model="option.body.border.color" option="color" />
    </a-form-item>
    <a-form-item label="边框粗细">
      <xiri-form v-model="option.body.border.width" option="number" />
    </a-form-item>
  </a-form>
</template>

<style scoped lang="less"></style>
